@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1920
 */
@media screen and (min-width: 1900px) {
  .post-campus-news .article-list {padding-top: 25px;}
  .post-campus-news li {margin-bottom: 30px;}
}

/**
 * [xLarge Screen for PC]
 * >=1600
 */
@media screen and (min-width: 1600px) {

  /* 头部 */
  .head .logo {width: 310px;}

  /* 导航菜单 */
  .nav-box .wp-menu .menu-item a {padding:0 15px;}
  .nav-box .sub-menu {left: -14px;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-pagination {right: 80px;}
  #jumbotran .jumbotran-box .focus-title-bar {bottom: 100px; left: 100px; height: 60px;}
  #jumbotran .jumbotran-box .focus-title {height: 60px; line-height: 60px; font-size: 30px;}
  #jumbotran .anchors-nav {bottom: 20px;}

  /* 上电新闻 */
  #campus-news {padding: 80px 0;}

  /* 院部动态、学术讲座 */
  #information {padding: 80px 0;}

  /* 媒体看上电、印象上电 */
  #media {padding: 80px 0;}

  /* 媒体看上电 */
  .post-media-focus li{height: 200px; margin-bottom: 50px;}

  /* 印象上电 */
  .post-vision li {height: 450px;}

  /* 专题、服务 */
  #subject .col-l {width: 960px; float: left;}
  #subject .col-r {float: right; width: calc(100% - 4% - 960px);}

  /* 列表页Banner */
  #page-banner {height: 400px;}
  #page-banner .banner-title {bottom: 75px;}
  #page-banner .banner-title .title {height: 60px; line-height: 60px; font-size: 36px;}
  #page-banner .banner-title .suffix {width: 90px; height: 60px;}

}

/**
 * [xLarge Screen for PC]
 * 1080~1599
 */
@media screen and (max-width: 1599px) {
  .post-campus-news .article-list {padding-top: 15px;}
  .post-campus-news .article-list .list-item.i7 {display: none;}
}

/**
 * [xLarge Screen for PC]
 * 1024~1279
 */
@media screen and (max-width: 1279px) {
  
  /* 整体布局 */
  .wrapper .inner {width: initial; min-width: initial; margin:0 auto; padding: 0 15px;}

  /* 头部 */
  .head .logo {width: 240px;}

  /* 快速导航 */
  .quick-entry-box .wp-menu .menu-item {font-size: 12px;}

  /* 导航菜单 */
  .nav {margin-top: 0;}
  .nav-box .wp-menu .menu-item a {font-size: 14px; padding:0 10px;}
  .nav-box .sub-menu {left: -15px; min-width:100px;}
  .nav-box .sub-menu .sub-item {min-width: 100px;}
  .nav-box .sub-menu .sub-item a {font-size: 14px; padding:0 10px;}

  /* 专题、网站服务 */
  #subject .col-l {width: 700px; float: left;}
  #subject .col-r {float: right; width: calc(100% - 3% - 700px);}
  
  /* 专题 */
  .post-subject li {width: 120px; height: 120px; margin-left: calc((100% - 600px) / 4);}
  
  /*网站服务*/
  .post-services .banner h3 {height: 30px; line-height: 30px; font-size: 18px;}
  .post-services li {height: 40px; line-height: 40px;}

  /* 列表页主体 */
  .wrapper .l-inner {padding:30px 15px;}

  /* 列表页主体框架（左侧多级栏目列表、右侧列表内容区） */
  .col-menu {width: 24%;}
  .col-content-list, .col-content-detail {width: 73%;}

  /* 左侧多级栏目列表折叠开关 */
  .column-switch {display:none;}
}

/**
 * [Large Screen for PC & Pad]
 * 961~1024
 */
@media screen and (max-width: 1024px) {

  /* 头部 */
  .head .logo {width: 220px;}

  /* 导航菜单 */
  .nav-box .wp-menu .menu-item a {font-size: 13px;}
  .nav-box .sub-menu .sub-item a {font-size: 13px;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-pagination {right: 30px; bottom: 30px;}
  #jumbotran .jumbotran-box .focus-title-bar {bottom: 40px;}
  #jumbotran .anchors-nav {bottom: 15px; width: 40px; height: 40px;}

  /* Post通用样式 */
  .post .banner {margin-bottom: 25px;}
  .post .banner .section-title .en {font-size: 12px; color: #929292; margin-bottom: 6px;  font-weight: normal; text-transform:uppercase}
  .post .banner .section-title .cn {font-size: 24px; color: #111; font-weight: bold;}
  .post .banner .more .more-btn {width: 24px; height: 42px; background: url(../images/icon_more.png) center center no-repeat;}

  /* 上电新闻 */
  .post-campus-news .article-list .list-item.i6 {display: none;}

  /* 媒体看上电 */
  .post-media-focus li{height: 165px; margin-bottom: 20px;}

  /* 印象上电 */
  .post-vision li {height: 350px;}
  .post-vision li .article-title {height: 40px;}
  .post-vision li .article-title .prefix {width: 65px; height: 40px;}
  .post-vision li .article-title .title {height: 40px; line-height: 40px; font-size: 20px; padding: 0 25px 0 15px;}

  /* 网站服务 */
  .post-services .banner {margin-bottom: 5px;}

  /* 页脚 */
  .foot {padding: 20px 0; text-align: center;}

  /* 列表页主体框架（左侧多级栏目列表、右侧列表内容区） */
  .col-menu {width: 25%;}
  .col-content-list, .col-content-detail {width: 73%;}

}

/**
 * [Medium Screen for Pad]
 * 769~960
 */
@media screen and (max-width: 960px) {

  /* 头部 */
  .head .logo {margin-left: 50px; width: 250px;}

  /* 导航 */
  #naver {display: none;}
  
  /* 导航菜单 */
  .nav {display: none;}
  .nav-bar {display: none;}

  /* Slide导航 */
  .navi-aside-toggle {display: block;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-navigation {width:45px; height: 45px;}

  /* 专题、网站服务 */
  #subject .col-l {width: 650px; float: left;}
  #subject .col-r {float: right; width: calc(100% - 3% - 650px);}

  /* 专题 */
  .post-subject li {width: 115px; height: 115px; margin-left: calc((100% - 575px) / 4);}

  /* 网站服务 */
  .post-services .banner {margin-bottom: 5px;}
  .post-services .banner h3 {height: 25px; line-height: 25px; font-size: 18px; font-weight: bold;}
  .post-services li {width: 50%; height: 30px; line-height: 30px; font-size: 15px;}

  /* 列表页Banner */
  #page-banner {height: 250px;}
  #page-banner .banner-title {bottom: 40px;}
  #page-banner .banner-title .title {height: 40px; line-height: 40px; font-size: 24px; padding: 0 20px 0 60px;}
  #page-banner .banner-title .suffix {width: 90px; height: 40px;}

  /* 列表页主体框架（左侧多级栏目列表、右侧列表内容区） */
  .col-box { width: auto; margin: 0 auto;}
  .col-menu {width: 100%; min-height: 0; float:none; margin: 0 0 10px 0; position:relative;}
  .col-menu-con {display:none; margin: 0 auto;}
  .col-menu-placeholder {display: none;}
  .col-content-list, .col-content-detail {width: 100%; min-height:0px; float:none; margin: 0 0 10px 0;} /**栏目新闻**/

  /* 列表页手机样式分页 */
  #wp_paging_w1205 .page_jump {display: none;}
  #wp_paging_w1205 .pages_count {display: none;}
  #wp_paging_w1205 .wp_paging {width: 100%; float: none; margin-left: 0; text-align: center;}
  #wp_paging_w1205 .wp_paging li {float: none;}
  #wp_paging_w1205 .wp_paging li a {background: #eee; border: 1px solid #eee; padding:0 6px; line-height: 28px; height: 28px;}
  #wp_paging_w1205 .wp_paging li a:hover {color: #778a3c;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 641~768
 */
@media screen and (max-width: 768px) {

  /* 头部 */
  .head {height:80px;}
  .head .logo {margin: 0 auto; float: none; width: 200px; height: 80px; overflow: hidden; background-size: contain;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-pagination {right: 20px; bottom: 20px;}
  #jumbotran .jumbotran-box .focus-title-bar {height: 40px;}
  #jumbotran .jumbotran-box .focus-title {height: 40px; line-height: 40px; font-size: 18px;}
  #jumbotran .jumbotran-box .focus-page {width: 30px; height: 30px; line-height: 30px; font-size: 30px;}
  #jumbotran .anchors-nav {width: 30px; height: 30px;}

  /* 上电新闻 */
  #campus-news {padding: 40px 0;}
  #campus-news .col-l {width: 100%; float: none; margin-bottom: 30px;}
  #campus-news .col-r {width: 100%; float: none;}
  .post-campus-news .article-list {padding-top: 0;}
  .post-campus-news li {margin-bottom: 20px;}
  .post-campus-news li .article-title {font-size: 15px;}
  .post-campus-news li .article-datetime {font-size: 15px;}


  /* 院部动态、学术讲座 */
  #information {padding: 40px 0;}
  #information .col-l {width: 100%; float: none; margin-bottom: 50px;}
  #information .col-r {width: 100%; float: none;}

  /* 院部动态 */
  .post-college-news li {margin-bottom: 20px;}
  .post-college-news li .article-title {font-size: 15px;}
  .post-college-news li .article-datetime {font-size: 15px;}

  /* 学术讲座 */
  .post-academics li .article-title {font-size: 15px;}
  .post-academics li .article-metas {font-size: 14px;}

  /* 媒体看上电、印象上电 */
  #media {padding: 40px 0;}

  /* 媒体看上电 */
  .post-media-focus li {height: 110px;}
  .post-media-focus li .article-title {font-size: 14px; height: 30px; line-height: 30px;}
  .post-media-focus li .article-datetime {font-size: 14px; padding: 5px;}

  /* 印象上电 */
  .post-vision li {height: 240px;}
  .post-vision li .article-title {height: 35px;}
  .post-vision li .article-title .title {font-size: 18px;}
  .post-vision li .article-title .prefix {width: 65px; height: 35px;}
  .post-vision li .article-title .title {height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; padding: 0 20px 0 15px;}
  .post-vision li .play {width: 60px; height: 60px; left: calc(50% - 30px); top: calc(50% - 30px);}

  /* 专题、网站服务 */
  #subject {padding: 40px 0;}
  #subject .col-l {width: 100%; float: none; margin-bottom: 30px;}
  #subject .col-r {width: 100%; float: none;}

  /* 专题 */
  .post-subject .banner {display: block; margin-bottom: 20px;}
  .post-subject .banner h3 {height: 25px; line-height: 25px; font-size: 18px; font-weight: bold;}
  .post-subject li {width: 120px; height: 120px; margin-left: calc((100% - 600px) / 4);}

  /* 网站服务 */
  .post-services li {width: 33%; height: 40px; line-height: 40px; border-bottom: 1px dotted #efefef;}

  /* 页脚 */
  #footer {background-image: none;}
  .foot .foot-box {float: none;}

}

/**
 * [xSmall Screen for Smart Phone]
 * 481~640
 */
@media screen and (max-width: 640px) {

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-title-bar {height: 30px; left: 20px;}
  #jumbotran .jumbotran-box .focus-title {height: 30px; line-height: 30px; font-size: 16px; max-width: 460px; overflow: hidden; text-overflow: ellipsis;}
  #jumbotran .anchors-nav {display: none;}

  /* 媒体看上电、印象上电 */
  #media .col-l {width: 100%; float: none; margin-bottom: 50px;}
  #media .col-r {width: 100%; float: none;}

  /* 媒体看上电 */
  .post-media-focus li {width: 48%; height: 165px; margin-left: 4%;}

  /* 印象上电 */
  .post-vision li {height: 360px;}
  .post-vision li .article-title .title {font-size: 18px; font-weight: normal;}

  /* 专题 */
  .post-subject li {width: 100px; height: 100px; margin-left: calc((100% - 500px) / 4);}

  /* 页脚 */
  .foot .foot-box {text-align: center;}
  .foot .social-media {float: none; margin: 0 auto 15px auto;}
  .foot .copyright {float: none; width: auto;}

  /* 列表页Banner */
  #page-banner {height: 200px;}
  #page-banner .banner-title {bottom: 25px;}
  #page-banner .banner-title .title {height: 35px; line-height: 35px; font-size: 18px; padding: 0 20px 0 50px;}
  #page-banner .banner-title .suffix {width: 80px; height: 35px;}

  /* 栏目标题 */
  .col-name {font-size: 16px;}

  /* 列表内容 */
  .col-news-list .wp_article_list .list_item .fields.pr_fields {width: 75%;}
  .col-news-list .wp_article_list .list_item .Article_Title {font-size: 14px;}
  .col-news-list .wp_article_list .list_item .Article_PublishDate {font-size: 12px;}
  .col-news-list .wp_entry p {font-size: 14px;}
  .col-news-list .wp_entry table, .col-news-list .wp_entry tr, .col-news-list .wp_entry td {font-size: 14px;}

  /* 自定义列表 */
  .col-news-list .article-list .list-item .article-title {font-size: 14px;}
  .col-news-list .article-list .list-item .article-datetime {font-size: 12px;}

  /* 分页 */
  #wp_paging_w1205 .wp_paging li a span {font-size: 12px;}

  /*文章页*/
  .article .entry {overflow-x: auto;}
  .article .entry .read img {max-width: 100%; height: auto;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 321~480
 */
@media screen and (max-width: 480px) {

  /* 头部 */
  .head {height:60px;}
  .head .logo {width: 180px; height: 60px;}

  /* Jumbotran */
  #jumbotran .jumbotran-box .focus-pagination {right: 10px; bottom: 10px;}
  #jumbotran .jumbotran-box .focus-title-bar {bottom: 10px; left: 0}
  #jumbotran .jumbotran-box .focus-title {height: 30px; line-height: 30px; font-size: 14px; max-width: 300px;}
  #jumbotran .jumbotran-box .focus-page {width: 25px; height: 25px; line-height: 25px; font-size: 25px;}
  #jumbotran .jumbotran-box .focus-navigation {width:35px; height: 35px;}

  /* 上电新闻 */
  #campus-news {padding: 30px 0;}
  #campus-news .col-l {margin-bottom: 25px;}
  .post-campus-news li {background: transparent;}
  .post-campus-news li .article-title { width: calc(100% - 100px); text-indent: 0;}
  .post-campus-news li .article-datetime {width: 85px;}

  /* 院部动态、学术讲座 */
  #information {padding: 30px 0;}

  /* 院部动态 */
  .post-college-news li {background: transparent;}
  .post-college-news li .article-title { width: calc(100% - 100px); text-indent: 0;}
  .post-college-news li .article-datetime {width: 85px;}

  /* 学术讲座 */
  .post-academics li .article-metas .metas-l1 {width: 100%; height: 15px; float: none; margin: 0 0 10px 0;}
  .post-academics li .article-metas .metas-l2 {width: 100%; height: 15px; float: none; margin: 0;}

  /* 媒体看上电、印象上电 */
  #media {padding: 30px 0;}

  /* 媒体看上电 */
  .post-media-focus li, .post-media-focus li.i3 {width: 100%; height: 225px; margin: 0 0 25px 0;}

  /* 印象上电 */
  .post-vision li {height: 225px;}
  .post-vision li .article-title {bottom: 15px;}
  .post-vision li .article-title .title {font-size: 16px;}

  /* 专题、网站服务 */
  #subject {padding: 30px 0;}

  /* 专题 */
  .post-subject .con {width: 100%; overflow-y: hidden; overflow-x: scroll;}
  .post-subject .con ul {width: 600px;}
  .post-subject li {width: 100px; height: 100px; margin-left: 25px;}

  /* 尾部 */
  .foot .copyright {line-height: 25px; font-size: 12px;}
  .foot .copyright span:after {content: "\D\A"; white-space: pre;}
  .foot .beian {line-height: 25px; font-size: 12px;}
  .foot .beian span:after {content: "\D\A"; white-space: pre;}

  /* 列表页Banner */
  #page-banner {height: 150px;}
  #page-banner .banner-title .title {font-size: 16px; padding: 0 15px 0 30px;}
  #page-banner .banner-title .suffix {width: 70px;}

  /* 多级位置导航 */
  .page-navigation {height: 50px; line-height: 50px;}
  .path-box {height: 50px; line-height: 50px;}

  /* 栏目标题 */
  .col-menu-title {height: 50px; line-height: 50px;}
  .col-name {line-height: 50px;}

  /* 列表内容 */
  .col-news-con { margin: 0; padding: 20px 20px; min-height: 300px;}
  .col-news-list .wp_article_list .list_item .Article_Title {background: transparent; text-indent: 0;}

  /* 自定义列表 */
  .col-news-list .article-list .list-item .article-title {background: transparent; text-indent: 0;}
}


/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <=360
 */
@media screen and (max-width: 360px) {

  /* 头部 */
  .head {height:50px;}
  .head .logo {width: 150px; height: 50px;}

  /* 媒体看上电 */
  .post-media-focus li, .post-media-focus li.i3 {height: 180px;}

  /* 印象上电 */
  .post-vision li {height: 180px;}

}